.detail {
    p {
        margin: 0;
    }

    .wCen {
        position: relative;
    }

    // 类型标签
    .tag {
        padding: 4px 26px 4px 16px;
        font-size: 20px;
        font-weight: 400;
        color: #FFFFFF;
        text-align: center;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 11;
        border-radius: 10px 0 40px 0;

        // 求购
        &1 {
            background: #E35191;
        }

        // 供应
        &2 {
            background: #659BFD;
        }
    }

    .card {
        border-radius: 10px;
        overflow: hidden;
        padding: 70px;
        background-color: #fff;

        &_title {
            color: #E35191;
            font-size: 24px;
            margin-bottom: 30px;
        }
        &_txt {
            color: rgba(0, 0, 0, 0.5);
            font-size: 20px;
            margin-top: 30px;
        }

        &_base,
        &_table,
        &_desc,
        &_company,
        &_block{
            padding-bottom: 50px;
        }

        // 基本描述
        &_base {
            display: flex;
            justify-content: space-between;
            $wL: 70%;
            $wR: 30%;

            &_l {
                &_t {
                    color: #000;
                    font-size: 26px;
                    display: flex;


                    .img {
                        position: relative;
                        top: -10px;
                        margin-left: 4px;
                    }
                }

                &_txt {
                    color: rgba(0, 0, 0, 0.5);
                    font-size: 20px;
                    margin-top: 30px;
                }
            }

            &_r {
                width: $wR;
                display: flex;
                flex-direction: column;
                align-items: flex-end;

                .btn {
                    width: 260px;
                    height: 80px;
                    background: #d53b76;
                    color: #fff;
                    font-size: 24px;
                    display: flex;
                    justify-content: center;
                    align-items: center;

                    &-disabled {
                        cursor: not-allowed;
                        opacity: 0.3;
                    }
                }

                .btns {
                    &_share {
                        &_i {}
                    }
                }
            }
        }

        // 基本描述-table
        &_table {}

        &_desc {
            font-size: 20px;
            color: #4F4F4F;
        }

        &_contact {
            .user {
                margin-bottom: 30px;
                display: flex;
                align-items: center;

                .avatar {
                    width: 50px;
                    height: 50px;
                    border-radius: 4px;
                    overflow: hidden;
                    margin-right: 10px;

                    .img {}
                }

                .name {
                    color: #4f4f4f;
                    font-size: 20px;
                }
            }

            .contactTxt {
                color: #4f4f4f;
                font-size: 20px;

                .item {
                    margin-bottom: 30px;
                    display: flex;
                    align-items: center;

                    .img {
                        margin-left: 6px;
                    }
                }

                .txt {
                    color: #4f4f4f;
                    margin-left: 20px;
                }
            }
        }
    }

    .table {
        $w: 25%;
        $h: 70px;
        background: #FBFBFB;
        width: 100%;
        display: flex;
        overflow: hidden;
        border-radius: 10px;
        &.supply{
            $w: 25%;
        }

        .lrr {
            width: $w;
            flex: 0 0 $w;
            display: flex;
            flex-direction: column;
            margin: 0;

            &_l {
                height: $h;
                color: #4F4F4F;
                white-space: nowrap;
                font-weight: normal;
                display: flex;
                justify-content: center;
                align-items: center;
                background-color: #f1f1f1;
                font-size: 18px;
            }

            &_r {
                color: #4F4F4F;
                display: flex;
                justify-content: center;
                align-items: center;
                background-color: #FBFBFB;
                height: $h * 2;
                text-align: center;
                margin: 0;
                font-size: 18px;

                .imgBox {
                    display: flex;
                    justify-content: center;
                    align-items: center;

                    .img {
                        max-height: $h;
                        max-width: $h * 2;
                    }
                }
            }
        }
    }
    // 左右结构
    .lr {
        display: flex;
    
        &_l {
            font-weight: normal;
            text-align: left;
            opacity: 0.7;
            white-space: nowrap;
        }
    
        &_r {
            margin-left: 0;
        }
    }

}

	@media (min-width: 1441px) and (max-width: 1750px) {
		@function scale($currentSize) {
			@return calc(#{$currentSize} * #{$global_scale_1600});
		}
		.detail {
		    // 类型标签
		    .tag {
		        padding: scale(4px) scale(26px) scale(4px) scale(16px);
		        font-size: scale(20px);
		        border-radius: scale(10px) 0 scale(40px) 0;
		    }
		    .card {
		        border-radius: scale(10px);
		        padding: scale(70px);
		
		        &_title {
		            font-size: scale(24px);
		            margin-bottom: scale(30px);
		        }
		        &_txt {
		            font-size: scale(18px);
		            margin-top: scale(30px);
		        }
		
		        &_base,
		        &_table,
		        &_desc,
		        &_company,
		        &_block{
		            padding-bottom: scale(50px);
		        }
		
		        // 基本描述
		        &_base {
		            $wL: 70%;
		            $wR: 30%;
		
		            &_l {
		                &_t {
		                    font-size: scale(26px);
		                    .img {
		                        top: scale(-10px);
		                        margin-left: scale(4px);
		                    }
		                }
		
		                &_txt {
		                    font-size: scale(18px);
		                    margin-top: scale(30px);
		                }
		            }
		
		            &_r {
		                width: $wR;
		                .btn {
		                    width: scale(260px);
		                    height: scale(80px);
		                    font-size: scale(18px);
		                   
		
		                   
		                }
		
		               
		            }
		        }
		
		
		        &_desc {
		            font-size: scale(20px);
		        }
		
		        &_contact {
		            .user {
		                margin-bottom: scale(30px);
		
		                .avatar {
		                    width: scale(50px);
		                    height: scale(50px);
		                    margin-right: scale(10px);
		                }
		
		                .name {
		                    font-size: scale(18px);
		                }
		            }
		
		            .contactTxt {
		                font-size: scale(18px);
		
		                .item {
		                    margin-bottom: scale(30px);
		
		                    .img {
		                        margin-left: scale(6px);
		                    }
		                }
		
		                .txt {
		                    margin-left: scale(20px);
		                }
		            }
		        }
		    }
		
		    .table {
		        $w: 25%;
		        $h: scale(70px);
		        width: 100%;
		        border-radius: scale(10px);
		        &.supply{
		            $w: 20%;
		        }
		
		        .lrr {
		            width: $w;
		            flex: 0 0 $w;
		            &_l {
		                height: $h;
		                font-size: scale(18px);
		            }
		
		            &_r {
		               // height: $h * 2;
		                font-size: scale(18px);
		
		            }
		        }
		    }
		 
		
		}
		
		}
		
		
	@media screen and (min-width: 1100px) and (max-width: 1440px) {
		@function scale($currentSize) {
			@return calc(#{$currentSize} * #{$global_scale_1600});
		}
		.detail {
		    // 类型标签
		    .tag {
		        padding: scale(4px) scale(26px) scale(4px) scale(16px);
		        font-size: scale(20px);
		        border-radius: scale(10px) 0 scale(40px) 0;
		    }
		    .card {
		        border-radius: scale(10px);
		        padding: scale(70px);
		
		        &_title {
		            font-size: scale(24px);
		            margin-bottom: scale(30px);
		        }
		        &_txt {
		            font-size: scale(18px);
		            margin-top: scale(30px);
		        }
		
		        &_base,
		        &_table,
		        &_desc,
		        &_company,
		        &_block{
		            padding-bottom: scale(50px);
		        }
		
		        // 基本描述
		        &_base {
		            $wL: 70%;
		            $wR: 30%;
		
		            &_l {
		                &_t {
		                    font-size: scale(26px);
		                    .img {
		                        top: scale(-10px);
		                        margin-left: scale(4px);
		                    }
		                }
		
		                &_txt {
		                    font-size: scale(18px);
		                    margin-top: scale(30px);
		                }
		            }
		
		            &_r {
		                width: $wR;
		                .btn {
		                    width: scale(150px);
		                    height: scale(50px);
		                    font-size: scale(18px);
		                }
		            }
		        }
		
		
		        &_desc {
		            font-size: scale(20px);
		        }
		
		        &_contact {
		            .user {
		                margin-bottom: scale(30px);
		
		                .avatar {
		                    width: scale(50px);
		                    height: scale(50px);
		                    margin-right: scale(10px);
		
		                }
		
		                .name {
		                    font-size: scale(18px);
		                }
		            }
		
		            .contactTxt {
		                font-size: scale(18px);
		
		                .item {
		                    margin-bottom: scale(30px);
		
		                    .img {
		                        margin-left: scale(6px);
		                    }
		                }
		
		                .txt {
		                    margin-left: scale(20px);
		                }
		            }
		        }
		    }
		
		    .table {
		        $w: 25%;
		        $h: scale(70px);
		        width: 100%;
		        border-radius: scale(10px);
		        &.supply{
		            $w: 20%;
		        }
		
		        .lrr {
		            width: $w;
		            flex: 0 0 $w;
		            &_l {
		                height: $h;
		                font-size: scale(18px);
		            }
		
		            &_r {
		               // height: $h * 2;
		                font-size: scale(18px);
		
		            }
		        }
		    }
		 
		
		}
		
		}
		
		
		
		@media (max-width: 767px) {
			@function scale($currentSize) {
				@return calc(#{$currentSize} * #{$global_scale_750});
			}
			.detail {
			    // 类型标签
			    .tag {
			        padding: scale(4px) scale(26px) scale(4px) scale(16px);
			        font-size: scale(20px);
			        border-radius: scale(10px) 0 scale(40px) 0;
			    }
			    .card {
			        border-radius: scale(10px);
			        padding: scale(70px);
			
			        &_title {
			            font-size: scale(24px);
			            margin-bottom: scale(30px);
			        }
			        &_txt {
			            font-size: scale(18px);
			            margin-top: scale(30px);
			        }
				
			        &_base,
			        &_table,
			        &_desc,
			        &_company,
			        &_block{
			            padding-bottom: scale(50px);
			        }
			
			        // 基本描述
			        &_base {
			            $wL: 70%;
			            $wR: 30%;
			
			            &_l {
			                &_t {
			                    font-size: scale(26px);
			                    .img {
			                        top: scale(-10px);
			                        margin-left: scale(4px);
			                    }
			                }
			
			                &_txt {
			                    font-size: scale(18px);
			                    margin-top: scale(30px);
			                }
			            }
			
			            &_r {
			                width: $wR;
			                .btn {
			                    width: scale(200px);
			                    height: scale(60px);
			                    font-size: scale(18px);
			                }
			            }
			        }
			
			
			        &_desc {
			            font-size: scale(20px);
			        }
			
			        &_contact {
			            .user {
			                margin-bottom: scale(30px);
			
			                .avatar {
			                    width: scale(50px);
			                    height: scale(50px);
			                    margin-right: scale(10px);
			
			                }
			
			                .name {
			                    font-size: scale(18px);
			                }
			            }
			
			            .contactTxt {
			                font-size: scale(18px);
			
			                .item {
			                    margin-bottom: scale(30px);
			
			                    .img {
			                        margin-left: scale(6px);
			                    }
			                }
			
			                .txt {
			                    margin-left: scale(20px);
			                }
			            }
			        }
			    }
			
			    .table {
			        $w:100%;
			        $h: scale(70px);
			        width: 100%;
			        border-radius: scale(10px);
					flex-direction: column;
			        &.supply{
			            $w: 100%;
			        }
			
			        .lrr {
			            width: $w;
			            flex: 0 0 $w;
			            &_l {
			                height: $h;
			                font-size: scale(18px);
							justify-content: flex-start;
							padding: 20px;
			            }
			
			            &_r {
			               // height: $h * 2;
			                font-size: scale(18px);
							justify-content: flex-start;
							padding: 20px;
							height: auto;
			
			            }
			        }
			    }
			 
			
			}
			
			}